<template>
    <div class="main-header">
        <div>
            <el-image :src="icon" fit="cover" />
        </div>
        <div>
            <span>课程资源共享平台</span>
        </div>
        <PersonSet />
    </div>
</template>

<script setup lang="ts">
import PersonSet from '@components/PersonSet.vue';
import icon from '@assets/icon.svg';

</script>

<style scoped lang="less">
.main-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dfdfdf;

    div:first-child {
        padding-left: 5px;
        .el-image {
            width: 45px;
            height: 45px;
        }
    }

    div:nth-child(2) {
        span {
            font-family: 'Courier New', Courier, monospace;
            font-size: larger;
            font-weight: 800;
            color: #1296db;
        }
    }
}
</style>